﻿@{
    ViewBag.Title = "Home";
}
    <article id="home">
    	@{Html.RenderAction("NewProduct");}        
    </article> <!--#home-->
    <article id="about">
    	@Html.Partial("About")
    </article><!--#about-->
    <article id="map">
        @Html.Partial("Map")
    </article><!--#map-->
    <article id="product">
    	@{Html.RenderAction("Index", "Product");}
        
    </article> <!--#product-->
@section Scripts {
    @Scripts.Render("~/Content/infinitescroll")
    <script type="text/javascript">
        $(document).ready(function () {
            $('#home').parallax("50%", 0.2);
            $('#map').parallax("50%", 0.1);

            $("img.lazy-load").lazyload({ threshold: "2000", effect: "fadeIn", effectspeed: 2000 });

            $('#jms-slideshow').jmslideshow({
                autoplay: true,
                interval: 6000
            });
            $('nav a').click(function () {
                $('body').scrollTo($(this).attr('href'), 500);
                return false;
            });

            $(".menu").Scrollspy();

            $("#box-map").ShowMap({ target_marker: "#sltShopAddress", width: 800, height: 700 });
        })
    </script>
    @Scripts.Render("~/bundles/jqueryval")
    
}
